<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../static/css/shoplog.css">
    <script type="text/javascript" src="/static/jquery-3.3.1.min.js"></script>
    <style type="text/css">
        #content {
            display: none;
            width: 1200px;
            margin-left: auto;
            margin-right: auto;

        }

        table tr {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        table td, th {
            padding-top: 15px;
            padding-bottom: 15px;
            text-align: center;
        }

        table th {
            padding-top: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #e0deda;
        }

        .imgs {
            margin-left: auto;
            margin-right: auto;

        }

        .title {
            font-size: 18px;
            font-weight: bolder;

        }

        .bgn1 {
            width: 70px;
            height: 30px;
            border-radius: 1px 1px 1px 1px;
        }

        #hidd {
            line-height: 100px;
            text-align: center;
            display: none;
            width: 200px;
            height: 100px;
            border-radius: 10px 10px 10px 10px;
            border: 1.5px solid #e5e5e5;
            position: absolute;
            color: orangered;
            font-size: 20px;
            margin-left: 500px;
            background: rgba(181, 142, 243, 0.26);
            margin-top: 0px;
        }
    </style>
    <title>Title</title>
    <script>
        $(document).ready(function () {
            $("#shop1").click(function () {
                $("#content").show()
                $("#content2").hide()
                $("#shop1").addClass("current")
                $("#shop2").removeClass("current")
            });
        });

        $(document).ready(function () {
            $("#shop2").click(function () {
                $("#content2").show()
                $("#content").hide()
                $("#shop2").addClass("current")
                $("#shop1").removeClass("current")
            })

        })
        $(document).ready(function () {
            if ($("#zhuangtai").attr('value') == 'guanzhu') {
                $("#content").show()
                $("#content2").hide()
                $("#shop1").addClass("current")
                $("#shop2").removeClass("current")
            }
            else {
                $("#content").hide()
                $("#content2").show()
                $("#shop2").addClass("current")
                $("#shop1").removeClass("current")
            }
        })
    </script>
</head>
<body>
<div id="panel">
    <input type="text" id="zhuangtai" value="{{ zhuangtai }}" style="display:none;">
    <div>
        <iframe class="if " src="/Header/" width="1200px" frameborder="0" height="123.5px"></iframe>
    </div>
    <div style="margin-left: 20px"><p><a class="paa1" href="/self/">首页</a>><a class="paa2" href="">关注和粉丝</a></p>
        <div id="hidd">
            删除成功!
        </div>
    </div>

    <div class="content" style="margin-left: 20px">
        <h3>我的关注和粉丝</h3>

        <div class="item">
            <ul class="rty">
                <li style="margin-left:0px;" id="shop1">我的关注</li>
                <li id="shop2">我的粉丝</li>
            </ul>
        </div>
        <div id="tab-content">
            <div id="content" class="shopping">
                <table>
                    <colgroup>
                        <col width=400px align="left">
                        <col width=400px align="left">
                        <col width=400px align="left">
                    </colgroup>
                    {% if alen != 0 %}
                        {% for row in myguanzhu %}
                            <tr class="parent1">
                                <td>
                                    <div class="imgs">
                                        <img style="width:132px;height:136px;" src="{{ row.user_image }}"/>
                                    </div>
                                    <p></p>
                                    <a href="/author_look/?user_id={{ row.user_id }} "
                                       style="color:rgba(20,16,29,0.85)"><span class="title">{{ row.user_name }}</span></a>
                                    {% if row.user_sex == '男' %}
                                        <img src="/static/image/man.png" alt="" style="width: 35px;height: 30px">
                                    {% else %}
                                        <img src="/static/image/female.png" alt="" style="width: 30px;height: 30px">
                                    {% endif %}
                                </td>
                                {% if row.user_address != '请选择省/市-请选择城市-请选择区/县' %}
                                    <td>{{ row.user_address }}</td>
                                {% else %}
                                    <td>未填写地址</td>
                                {% endif %}
                                <td><span style="color:orangered">{{ row.guanzhushu }}</span>关注<span
                                        style="color:orangered">{{ row.fensishu }}</span>粉丝
                                </td>
                            </tr>
                        {% endfor %}
                    {% else %}
                        <table>
                            <colgroup>
                                <col width=400px align="left">
                                <col width=400px align="left">
                                <col width=400px align="left">
                            </colgroup>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><h3>暂无关注</h3></td>
                            </tr>
                        </table>
                    {% endif %}
                </table>
            </div>
            <div id="content2" class="read" style="display:none;">
                <table>
                    <colgroup>
                        <col width=400px align="left">
                        <col width=400px align="left">
                        <col width=400px align="left">
                    </colgroup>
                    {% if blen != 0 %}
                        {% for row in myfensi %}
                            <tr class="parent1">
                                <td>
                                    <div class="imgs">
                                        <img style="width:132px;height:136px;" src="{{ row.user_image }}"/>
                                    </div>
                                    <p></p>
                                    <a href="/author_look/?user_id={{ row.user_id }} "
                                       style="color:rgba(20,16,29,0.85)"><span class="title">{{ row.user_name }}</span></a>
                                    {% if row.user_sex == '男' %}
                                        <img src="/static/image/man.png" alt="" style="width: 35px;height: 30px">
                                    {% else %}
                                        <img src="/static/image/female.png" alt="" style="width: 30px;height: 30px">
                                    {% endif %}
                                </td>
                                {% if row.user_address != '请选择省/市-请选择城市-请选择区/县' %}
                                    <td>{{ row.user_address }}</td>
                                {% else %}
                                    <td>未填写地址</td>
                                {% endif %}
                                <td><span style="color:orangered">{{ row.guanzhushu }}</span>关注<span
                                        style="color:orangered">{{ row.fensishu }}</span>粉丝
                                </td>
                                {#                    <td><a href="/del_buy/?id={{ row.buy_id }}">删除</a></td>#}
                                {#                    <td><span id="bgn">删除</span></td>#}
                            </tr>
                        {% endfor %}
                    {% else %}
                        <table>
                            <colgroup>
                                <col width=400px align="left">
                                <col width=400px align="left">
                                <col width=400px align="left">
                            </colgroup>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><h3>暂无粉丝</h3></td>
                            </tr>
                        </table>
                    {% endif %}
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>